<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>富文本编辑器</title>
    <link rel="stylesheet" href="http://cdn.zallsteel.com/mgt/v2/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://cdn.zallsteel.com/mgt/v2/js/summernote/summernote.css">
    <style>
        .tabbable {
            margin-bottom: 10px;
        }

        th {
            text-align: center;
            background-color: #0baae4;
            color: white;
        }

        h3 {
            font-weight: 800 !important;
        }
    </style>
</head>
<body style="width: 1827px; overflow-x: hidden;">
<div class="loading-container loading-inactive">
    <div class="loading-progress">
        <div class="rotator">
            <div class="rotator">
                <div class="rotator colored">
                    <div class="rotator">
                        <div class="rotator colored">
                            <div class="rotator colored"></div>
                            <div class="rotator"></div>
                        </div>
                        <div class="rotator colored"></div>
                    </div>
                    <div class="rotator"></div>
                </div>
                <div class="rotator"></div>
            </div>
            <div class="rotator"></div>
        </div>
        <div class="rotator"></div>
    </div>
</div><!-- Main Container -->
<div class="main-container container-fluid">
    <!-- Page Container -->
    <div class="page-container">
        <!-- Page Sidebar -->
        <!-- /Page Sidebar -->
        <!-- Page Content -->
        <div class="">
            <!-- Page Header -->
            <div class="page-header position-relative">
                <div class="header-title">
                    <h1 data-rel="article_list">编辑文章</h1>
                </div>
                <!--Header Buttons-->
                <!--Header Buttons End-->
            </div>
            <!-- /Page Header -->

            <!-- Page Body -->
            <div class="page-body ">
                <div class="dashboard-box">
                    <div class="box-tabbs ">
                        <div class="tabbable">
                            <ul class="nav nav-tabs tabs-flat  nav-justified">
                                <li class="active"><a href="javascript:void(0);"><h3>底部菜单文案</h3></a></li>
                            </ul>
                            <div class="form-horizontal" style="border: 1px #ddd solid; border-top: none">
                                <div class="tad-contents">
                                    <div class="tab-content tabs-flat" style="display:block;">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered table-striped"
                                                           style="width: 90%;margin: auto;margin-bottom: 10px;text-align: center">
                                                        <colgroup>
                                                            <col class="col-xs-4">
                                                            <col class="col-xs-4">
                                                            <col class="col-xs-4">
                                                        </colgroup>
                                                        <thead>
                                                        <tr>
                                                            <th>菜单1</th>
                                                            <th>菜单2</th>
                                                            <th>菜单3</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr>
                                                            <td>
                                                                <div class="col-sm-12">
                                                                    <div class="col-sm-8">
                                                                        <input class="form-control">
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <button class="btn btn-default">保存</button>
                                                                        <button class="btn btn-default">取消</button>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="col-sm-12">
                                                                    <div class="col-sm-8">
                                                                        <input class="form-control">
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <button class="btn btn-default">保存</button>
                                                                        <button class="btn btn-default">取消</button>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="col-sm-12">
                                                                    <div class="col-sm-8">
                                                                        <input class="form-control">
                                                                    </div>
                                                                    <div class="col-sm-4">
                                                                        <button class="btn btn-default">保存</button>
                                                                        <button class="btn btn-default">取消</button>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabbable">
                            <ul class="nav nav-tabs tabs-flat  nav-justified">
                                <li class="active"><a href="javascript:void(0);"><h3>活动文案</h3></a></li>
                            </ul>
                            <div class="form-horizontal" style="border: 1px #ddd solid; border-top: none">
                                <div class="tad-contents">
                                    <div class="tab-content tabs-flat" style="display:block;">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-1 control-label no-padding-right"><span
                                                            class="red">*</span>指导单位</label>
                                                    <div class="col-sm-10 ">
                                                        <input name="title" maxlength="100" type="text"
                                                               class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-1 control-label no-padding-right">文章内容</label>
                                                    <div class="col-sm-10">
                                                        <textarea class="form-control content" cols="10" rows="5"
                                                                  name="articleContent.content"
                                                                  style="width: 935px; height: 500px; display: none;">
                                                        </textarea>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-1 control-label no-padding-right"><span
                                                            class="red">*</span>专家嘉宾</label>
                                                    <div class="col-sm-10 ">
                                                        <input name="title" maxlength="100" type="text"
                                                               class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-1 control-label no-padding-right">文章内容</label>
                                                    <div class="col-sm-10">
                                                        <textarea class="form-control content" cols="10" rows="5"
                                                                  name="articleContent.content"
                                                                  style="width: 935px; height: 500px; display: none;">
                                                        </textarea>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-1 control-label no-padding-right"><span
                                                            class="red">*</span>活动细则</label>
                                                    <div class="col-sm-10 ">
                                                        <input name="title" maxlength="100" type="text"
                                                               class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-1 control-label no-padding-right">文章内容</label>
                                                    <div class="col-sm-10">
                                                        <textarea class="form-control content" cols="10" rows="5"
                                                                  name="articleContent.content"
                                                                  style="width: 935px; height: 500px; display: none;">
                                                        </textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabbable">
                            <ul class="nav nav-tabs tabs-flat  nav-justified">
                                <li class="active"><a href="javascript:void(0);"><h3>活动背景</h3></a></li>
                            </ul>
                            <div class="form-horizontal" style="border: 1px #ddd solid; border-top: none">
                                <div class="tad-contents">
                                    <div class="tab-content tabs-flat" style="display:block;">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <div class="col-sm-12">
                                                        <div class="col-sm-4" style="text-align: center">
                                                            <div class="col-sm-12">
                                                                <label>菜单一</label>
                                                            </div>
                                                            <div class="col-sm-12 ">
                                                                <img class="img-rounded"
                                                                     src="">
                                                            </div>
                                                            <div class="col-sm-12" style="margin-top: 10px">
                                                                <button class="btn btn-primary">设置背景图片</button>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-4" style="text-align: center">
                                                            <div class="col-sm-12">
                                                                <label>菜单二</label>
                                                            </div>
                                                            <div class="col-sm-12 ">
                                                                <img class="img-rounded"
                                                                     src="">
                                                            </div>
                                                            <div class="col-sm-12" style="margin-top: 10px">
                                                                <button class="btn btn-primary">设置背景图片</button>
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-4" style="text-align: center">
                                                            <div class="col-sm-12">
                                                                <label>菜单三</label>
                                                            </div>
                                                            <div class="col-sm-12 ">
                                                                <img class="img-rounded"
                                                                     src="">
                                                            </div>
                                                            <div class="col-sm-12" style="margin-top: 10px">
                                                                <button class="btn btn-primary">设置背景图片</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tabbable">
                            <ul class="nav nav-tabs tabs-flat  nav-justified">
                                <li class="active"><a href="javascript:void(0);"><h3>活动文案</h3></a></li>
                            </ul>
                            <div class="form-horizontal" style="border: 1px #ddd solid; border-top: none">
                                <div class="tad-contents">
                                    <div class="tab-content tabs-flat" style="display:block;">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label"><span
                                                            class="red">*</span>每个账号每日点赞上限</label>
                                                    <div class="col-sm-1 no-padding-right">
                                                        <input name="title" maxlength="100" type="text"
                                                               class="form-control">
                                                    </div>
                                                    <label class="col-sm-2 control-label" style="text-align: left">
                                                        次
                                                    </label>
                                                </div>
                                                <div class="form-group">
                                                    <label class="col-sm-2 control-label"><span
                                                            class="red">*</span>活动页分享增加点赞数</label>
                                                    <div class="col-sm-1 no-padding-right">
                                                        <input name="title" maxlength="100" type="text"
                                                               class="form-control">
                                                    </div>
                                                    <label class="col-sm-1 control-label no-padding-right"
                                                           style="text-align: left;width: 70px">
                                                        次，上限
                                                    </label>
                                                    <div class="col-sm-1 no-padding-right">
                                                        <input name="title" maxlength="100" type="text"
                                                               class="form-control">
                                                    </div>
                                                    <label class="col-sm-2 control-label" style="text-align: left">
                                                        次
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Page Body -->
        </div>
        <!-- /Page Content -->
    </div>
    <!-- /Page Container -->
</div>
<!---->


<script src="http://itphy.com/cdn/jquery/jquery.min.js"></script>
<!--Bootstrap Date Range Picker-->
<script src="http://cdn.zallsteel.com/mgt/v2/js/datetime/moment.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/datetime/daterangepicker.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/select2/select2.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/jquery.cookie.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/pagination.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/msgUtil.js"></script>
<script src="http://cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/bootstrap.min.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/summernote/summernote.min.js"></script>
<script src="http://cdn.zallsteel.com/mgt/v2/js/summernote/lang/summernote-zh-CN.min.js"></script>
<!--modals--bootbox-->
<script src="http://cdn.zallsteel.com/mgt/v2/js/bootbox/bootbox.js"></script>
<script src="http://itphy.com/cdn/common/common.js"></script>
<script>
    $(function () {
        let a = [{
            value: 1,
            label: '中国',
            children: [
                {
                    value: 2,
                    label: '广东',
                    children: [
                        {
                            value: 3,
                            label: '深圳'
                        },
                        {
                            value: 4,
                            label: '广州'
                        }
                    ]
                },
                {
                    value: 5,
                    label: '广西',
                    children: [
                        {
                            value: 6,
                            label: '南宁'
                        },
                        {
                            value: 7,
                            label: '桂林'
                        }
                    ]
                }
            ]
        }];
    })
</script>
</body>
</html>